body {
  margin-bottom: 1.20772947rem;
}
.footer {
  width: 100%;
  background: #fff;
  height: 1.20772947rem;
  z-index: 999;
  display: flex;
  border-top: 1px solid #6e6e6e;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
}
.footer img {
  width: 0.80515298rem;
  height: 0.60386473rem;
}
.footer dd {
  color: #bdbdbd;
  font-size: 0.28180354rem;
  text-align: center;
}
.footer .dls_bule dd {
  color: #0ec0d6;
}
html,
body {
  height: 100%;
}
.header {
  width: 100%;
  background: url(../img/Order-imgs/order-img-banner.png) no-repeat;
  background-size: 100% ;
  height: 6.19967794rem;
}
.header .h-top {
  text-align: right;
  padding-top: 0.80515298rem;
  padding-right: 0.32206119rem;
}
.header .h-top span {
  font-size: 0.40257649rem;
  color: #fff;
}
.header .h-bottom {
  text-align: center;
  margin-top: 1.61030596rem;
}
.header .h-bottom p {
  width: 100%;
  font-size: 0.36231884rem;
  color: #fff;
}
.main {
  background: linear-gradient(#2bc6f6, #ffffff);
  padding-left: 0.24154589rem;
  padding-right: 0.24154589rem;
  height: 10.38647343rem;
}
.main .m-title {
  width: 100%;
  margin-top: 0.68438003rem;
  margin-bottom: 0.32206119rem;
  border-top: 3px solid #358890;
}
.main .m-title p {
  font-size: 0.32206119rem;
  color: #358890;
  font-weight: bold;
  margin: auto;
  text-align: center;
  margin-top: -0.24154589rem;
  background: #2bc6f6;
  width: 3.12399356rem;
}
.main .login {
  text-align: center;
}
.main .login .logon-btn {
  width: 100%;
  height: 0.96618357rem;
  border-radius: 3px;
  background: #ff9700;
  color: #fff;
  font-size: 0.36231884rem;
  text-align: center;
  border: none;
}
.main .contain {
  width: 100%;
}
.main .contain .con-mend {
  position: relative;
}
.main .contain .con-mend img {
  width: 100%;
}
.main .contain .con-mend .mend-title {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-left: -10%;
  margin-top: -10%;
}
.main .contain .con-mend .mend-title h4,
.main .contain .con-mend .mend-title p {
  color: #fff;
  font-weight: bold;
  text-shadow: 5px 5px 5px #000 ;
  letter-spacing: 2px;
}
.main .contain .con-mend .mend-title h4 {
  font-size: 0.56360709rem;
}
.main .contain .con-mend .mend-title p {
  font-size: 0.32206119rem;
}
.main .contain .con-mend .mend-title p i {
  font-size: 0.32206119rem;
}
.main .contain .con-mend .batch-btn {
  position: absolute;
  top: 2%;
  right: 2%;
  width: 1.08695652rem;
  height: 0.40257649rem;
  text-align: 4;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  font-size: 0.20128824rem;
}
.main .contain .mend-opts-left {
  float: left;
  height: 4.26731079rem;
}
.main .contain .mend-opts-right {
  float: right;
  height: 2.07729469rem;
  margin-bottom: 0.0805153rem;
}
.main .contain .mend-opts-left,
.main .contain .mend-opts-right {
  width: 49%;
  position: relative;
}
.main .contain .mend-opts-left img,
.main .contain .mend-opts-right img {
  width: 100%;
}
.main .contain .mend-opts-left .mend-small-title,
.main .contain .mend-opts-right .mend-small-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
}
.main .contain .mend-opts-left .mend-small-title .mendst_left,
.main .contain .mend-opts-right .mend-small-title .mendst_left,
.main .contain .mend-opts-left .mend-small-title .mendst_right,
.main .contain .mend-opts-right .mend-small-title .mendst_right {
  color: #fff;
}
.main .contain .mend-opts-left .mend-small-title .mendst_left,
.main .contain .mend-opts-right .mend-small-title .mendst_left {
  margin-left: 0.19323671rem;
  margin-bottom: 0.11272142rem;
}
.main .contain .mend-opts-left .mend-small-title .mendst_left h4,
.main .contain .mend-opts-right .mend-small-title .mendst_left h4 {
  font-size: 0.28985507rem;
  font-weight: bold;
}
.main .contain .mend-opts-left .mend-small-title .mendst_left p,
.main .contain .mend-opts-right .mend-small-title .mendst_left p {
  font-size: 0.2173913rem;
}
.main .contain .mend-opts-left .mend-small-title .mendst_right,
.main .contain .mend-opts-right .mend-small-title .mendst_right {
  margin-top: 0.17713366rem;
  margin-right: 0.56360709rem;
}
.main .contain .mend-opts-left .mend-small-title .mendst_right h4,
.main .contain .mend-opts-right .mend-small-title .mendst_right h4 {
  font-size: 0.25764895rem;
}
.main .contain .mend-opts-left .mend-small-title .mendst_right h4 span,
.main .contain .mend-opts-right .mend-small-title .mendst_right h4 span {
  font-size: 0.17713366rem;
}
